<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Skylar TV</title>
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<link href="style.css" rel="stylesheet" type="text/css" media="screen">
<style type="text/css">
.picture-container {
	text-align: left;
}
.yt-preview-container {
	padding: 12em 50em 2em 2em;
}
#styleWithId {
	color:white;
	text-transform:uppercase;
	background:#990000;
}
#styleWithId {
	background:black;
}
#styleWithId {
	background:#ffffff !important;
}
#styleWithId {
	background:blue;
}
.noborder {
	border: none;
}
.project-content-right{
	width:340px;
}
.project-content {
	padding: 75px 60px 0 60px;
}
.shadow {
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
}
.shadow {
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}
.mv-review th, .mv-review td{
	font-family: Myriad;
	font-size: 85%;
}
.mv-review th {
	font-weight:bold;
}
.mv-review td p{
	font-size: 100% !important;
	margin: 0 0 1em 0;
}
.mv-review-wrapper {
	padding: 35px 0;
}
.ab {
	float: right;
}
</style>
</head>
<body>
<div id="wrapper">
  <div id="header">
    <div id="headerBanner"><a href="index.html"><img src="images/skyTV_LOGO-01.png" alt="skylartv" width="205" height="248" /></a></div>
	
    <div id="headerMenu">
		<div class="menu-bar-wrapper">
			<ul class="top-menu-bar ct">
				<li class="menu-item-list">
					<span class="menu-bg-wrapper-left">
						<a href="index.html" class="menu-item-ln">HOME</a>
					</span>
				</li>
				
				<li class="menu-item-list">
					<span class="menu-bg-wrapper-left">
						<a href="update.html" class="menu-item-ln">Update</a>
					</span>
				</li>
				<li class="menu-item-list active">
					<span class="menu-bg-wrapper-left active"><a href="work.html" class="menu-item-ln active">PROJECT</a>
					</span>
				</li>
				<li class="menu-item-list">
					<span class="menu-bg-wrapper-left">
					<a href="whoishwo.html" class="menu-item-ln">Who's Who</a>
					</span>
				</li>
				<li class="menu-item-list">
					<span class="menu-bg-wrapper-left">
					<a href="contact.html" class="menu-item-ln">Contact</a>
					</span>
				</li>
			</ul>
			<BR class="cb"/>
		</div>
	</div>
  </div>
  <div id="center">
  <div class="content-wrapper">
  
  <!-- -->
  <div class="top-content">
	  <div class="top-title-wrap">
		  <div class="top-title-red">
		  	<div class="top-title-name fl">
		  	  <div class="caption-text">BETAWI HILLS</div>
		  	</div>
			
			<div class="top-title-date fl">
			  <div class="date-text">
			    <div class="sm-text"></div>
			  </div>
			</div>
			<br class="cb"/>
		  </div>
	  </div>
    </div>
  <!-- -->
	<div class="project-content">
		<div class="project-content-left fl">
		  <div class="mv-thumb-wrapper">
		  	<div class="mv-thumb-pic ct">
				<img src="images/btwpostr.jpg" alt="vwkodok-thumb" width="145" height="210" class="noborder shadow">
			</div>
		  </div>
		  <div class="btscene-ln-wrapper">
		  	<div class="btscene-ln ct" style="margin:23px 0 0 0;">
				<a href="behind-the-scene2.html"><img src="images/clapper.png" alt="btscene-ln" width="165" height="140" border="0" class="noborder"></a> 
			</div>
		  </div>
		</div>
		<div class="project-content-right fr">
		  <div class="mv-yt-preview-wrapper ab">
		  	<div class="mv-yt-preview ct">
				<iframe width="430" height="370" src="http://www.youtube.com/embed/XSt_bVj0_fU" frameborder="0" allowfullscreen></iframe>
			</div>
			
		    <div class="mv-review-wrapper">
			  <div class="mv-review">
			  	<table width="100%" border="0">
				  <tr>
					<td width="42%" align="left" valign="top"><strong>Release Date</strong></td>
					<td width="5%" align="center" valign="top">:</td>
					<td width="53%" align="left" valign="top">Soon</td>
				  </tr>
				  <tr>
					<td align="left" valign="top"><strong>Genre</strong></td>
					<td align="center" valign="top">:</td>
					<td align="left" valign="top">Romance Comedy</td>
				  </tr>
				  <tr>
					<td align="left" valign="top"><strong>Executive Producer</strong></td>
					<td align="center" valign="top">:</td>
					<td align="left" valign="top">Sarjono Sutrisno </td>
				  </tr>
				  <tr>
					<td align="left" valign="top"><strong>Directed by</strong></td>
					<td align="center" valign="top">:</td>
					<td align="left" valign="top">Archie Hekagery </td>
				  </tr>
				  <tr>
				    <td align="left" valign="top"><strong>Story Idea</strong></td>
				    <td align="center" valign="top">:</td>
				    <td align="left" valign="top">Tio Pakusadewo</td>
			      </tr>
				  <tr>
					<td align="left" valign="top"><strong>Written by</strong></td>
					<td align="center" valign="top">:</td>
					<td align="left" valign="top">Meretta Luciana </td>
				  </tr>
				  <tr>
					<td align="left" valign="top"><strong>Plot Outline </strong></td>
					<td align="center" valign="top">:</td>
					<td align="left" valign="top"><p>Keluarga yang "aneh" dan tidak berfungsi
sebagaimana layaknya keluarga pada umumnya.
Ketiadaan figur Ibu di keluarga babeh Ma'mun
ini, menyebabkan mereka menjadi keluarga yang
belimpah harta namun penuh intrik dan
mengekspresikan "kasih sayang" dengan cara
yang tidak umum.</p>
					</td>
				  </tr>
				  <tr>
					<td align="left" valign="top"><strong>Cast</strong></td>
					<td align="center" valign="top">:</td>
					<td align="left" valign="top">Kadek Devi, Ruben Elishama, Imey Liem, Dimas
Aditya </td>
				  </tr>
				</table>

			  </div>
			</div>
		  </div>
		</div>
		<br class="cb"/>
	</div>
  </div>
  </div>
  
  <div id="wb_Image5" style="position:absolute; left:0px; top:1208px; width:769px; height:82px; z-index:11; padding:0;">
<img src="images/footer.jpg" id="Image5" alt="" border="0" style="width:769px;height:82px;"></div>

<div id="wb_Text4" style="position:absolute; left:40px; top:1255px; width:306px; height:16px; z-index:13;">
<span style="color:#4B4B4B;font-family:Arial;font-size:11px;">Copyright </span><span style="color:#4B4B4B;font-family:Arial;font-size:13px;">&#169; </span><span style="color:#4B4B4B;font-family:Arial;font-size:11px;">2012. All Right Reserved. Designed by S.W.A.T</span></div>


<div id="wb_Text3" style="position:absolute; left:433px; top:1254px; width:174px; height:28px; z-index:12;">
<span style="color:#4B4B4B;font-family:Arial;font-size:11px;"><strong>Skylar Television</strong> is a member of:</span></div>

<div id="wb_Image12" style="position:absolute; left:588px; top:1215px; width:195px; height:1px; z-index:14; padding:0;">
<a href="http://www.stro-world.com" target="_blank"><img src="images/swlogo.png" id="Image12" alt="" border="0" style="width:194px;height:88px;"></a></div>
  
  
</div>
</body>
</html>
